Add comprehensive end-to-end testing infrastructure with Playwright - #749

Summary & Motivation

This change establishes a comprehensive end-to-end testing infrastructure using Playwright, providing a robust foundation for testing user workflows across all self-contained systems. The implementation includes authentication fixtures, test utilities, and organized test suites that ensure application functionality works correctly from a user's perspective.

Key features:

• Shared Playwright configuration and utilities in shared-webapp for consistency across systems
• Worker-scoped authentication fixtures enabling parallel test execution with isolated tenants
• Reusable test utilities including step decorators, assertions, and test data generators
• Organized test flows covering authentication, user management, permissions, themes, localization, and mobile views
• Performance optimizations including toast auto-closing and improved error handling
• IDE integration for VS Code with debugging support
• Separation of smoke tests (@smoke), comprehensive tests (@comprehensive), and slow tests (@slow)

The infrastructure supports multiple browsers (Chromium, Firefox, WebKit) and provides detailed test reporting with screenshots and traces on failures. Tests are organized by functional areas and use descriptive step names for maintainability.

Downstream projects

1. Copy the Playwright test configuration files from Back Office to your self-contained system:

   • Copy application/back-office/WebApp/tests/playwright.config.ts to your-self-contained-system/WebApp/tests/playwright.config.ts
   • Copy application/back-office/WebApp/tests/tsconfig.json to your-self-contained-system/WebApp/tests/tsconfig.json

2. Update your-self-contained-system/WebApp/rsbuild.config.ts to exclude test files from the build:

  server: {
    port: Number.parseInt(process.env.PORT || "9003"),
+   publicDir: {
+     name: "public",
+     copyOnBuild: true
+   }
  },
+ source: {
+   exclude: ["**/tests/**/*"]
+ }

3. Update your-self-contained-system/WebApp/tsconfig.json to exclude test files:

  "compilerOptions": {
    // ... existing options
  },
- "exclude": ["node_modules", "dist"]
+ "exclude": ["node_modules", "dist", "tests"]

4. Create your first end-to-end test in your-self-contained-system/WebApp/tests/e2e/homepage.spec.ts following the pattern from Back Office.

Checklist

• I have added tests, or done manual regression tests
• I have updated the documentation, if necessary